@charset "utf-8";
@function v($w) {
    @return ($w / 750) * 100+vw;
}
// 标题栏
.header {
    font-size: v(26);
    height:v(120) ;
    .city {
        width: v(160);
    }
}
.header .city .iconfont {
    position: absolute;
    color: #ffbe8f;
    top: 0vw;
    right: 2vw;
    font-size: 7vw;
}
.pic {
    box-sizing: border-box;
    padding: 0 v(20);
    img {
        width: 100%;
    }
}
.price {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    padding: 0 v(40);
    justify-content: space-between;
    align-items: center;
    .priceLef {
        font-size: v(72);
        color: #ff9344;
        line-height: v(100);
    }
    .priceRig{
        width: v(111);
        height: v(59);
        border: solid 2px #ff9344;
        border-radius: 20px;
        color: #ffffff;
        font-size: v(30);
        background-color: #ff9344;
        text-align: center;
        line-height: v(59);
    }
}
// 评价
.comment {
    padding: 0 v(40);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
    margin: v(30) 0;
    .commentLef {
        span {
            color: #ff9344;
        }
        .iconfont {
            color: #ff9344;
            font-size: 38px;
            margin-right: v(15);
        }
    }
    .commentRig {
        color: #8e8e8e;
        font-size: 26px;
    }
}
.shopTab {
    box-sizing: border-box;
    margin: v(10) v(40);
    padding: 0 v(10);
    background-color: #ff9344;
	height:v(67);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
	color: #ffffff;
    div {
        height:v(67);
        line-height: v(67);
    }
}
.shoplist {
    margin-bottom:v(10);
    box-sizing: border-box;
    padding: 0 v(40);
    height: v(176);
    display: flex;
    align-items: center;
    justify-content: space-between;
    .shopLef {
        position: relative;
        img {
            width: v(176);
            height: v(176);
        }
        p {
            display: inline-block;
            font-size: v(24);
            position: absolute;
            width: v(176);
            background-color: #ffffff;
            opacity: 0.67;
            top: v(90);
            text-align: center;
            padding: v(10) 0;
        }
        }
        .shopMid {
            width: v(300);
            box-sizing: border-box;
            padding-top: v(20);
            h2 {
                font-size: v(30);
                line-height: v(40);
            }
                .text {
                    font-size: v(26);
                    line-height: v(50);
                    color: #929292;
                    .iconfont {
                        color: #ff9344;
                        font-size: v(35);
                    }
                }
            h3 {
                font-size: v(24);
                color: #929292;
            }
            h4 {
                color: #ff9344;
                font-size: v(20);
                line-height: v(80);
            }
            }
        .shopRig {
            color: #ffffff;
            font-size: v(30);
            width: v(111);
            height: v(59);
            background-color: #ff9344;
            border-radius: v(20);
            border: solid 2px #ff9344;
            text-align: center;
            line-height: v(59);
        }
    

}